

html,body{
    background-color: #DEDEDE;
}
/*头部开始*/

#header{
    width:960px;
    height:60px;
    background-color: #DEDEDE;
    margin:0 auto;
}
#noLogin{

    height: 60px;
    line-height: 60px;
    text-align: right;
}
#noLogin img{
float: left;

    width: 120px;
    height:60px;
}
#loginEd{

    height: 60px;
    line-height: 60px;
    display: none;
    text-align: right;
}
#loginEd img{
    float: left;

    width: 120px;
    height:60px;
}
#username{
    width: 120px;
    display: inline-block;
}
#password{
    width: 120px;
    display: inline-block;
}
#login,#register,#forgetPassword{
    width: 70px;
}
.userInfo{
    display: inline-block;
    font-size:16px;
}
.userInfo{
    margin-right: 55px;
}
#chargeMoney{
    width: 80px;
}
#exit{
    width: 80px;
}
#changePassword{
    width: 80px;
}
.none{
    display: none;
}
/*头部结束*/

/*主体开始*/
#main{
    width: 960px;
    height:auto;
    margin: 0 auto;

}

.pictureList{
    height:300px;
}
.box{
    width: 156.6px;
    display: inline-block;
    height: 69px;
    background:url("../img/home1/main-nav-m.gif");
    background-size: contain;
    padding: 3px;
    margin-bottom: 4px;
    margin-top: 5px;
    border: 1px solid #761c19;
    border-radius: 10px;
}
.box:hover{
    background:url("../img/home1/main-nav-m1.gif");
    background-size: contain;
    cursor: pointer;
}
.boxContent{
    height: 100%;
    width: 100%;
}
.lotteryPt{
    display: inline-block;
    width:40px;
    height: 40px;
    margin-top: 0;
}
.lotteryName{
    display:inline-block ;
    width: 108px;
    float: right;
    text-align: center;
    font-size:14px;
    font-weight: 600;
    color: #403323;
    margin-top: 0;

}
.changeTime{
    float: right;
    width: 108px;
    text-align: center;
    margin-top: -20px;
}
.lotteryNumber{
    width: 100%;
    float: right;
    text-align: center;

    margin-top: -3px;
    line-height: 30px;

    font-size:12px;
    letter-spacing: -0.8px;
}
#nav{
    width: 100%;
    height: 40px;
    background: url("../img/home1/main-nav-m.gif");
    margin:3px 0;
}

.menu{
    margin:0;
    padding: 0;
    list-style: none;
    height:40px;
    line-height:40px;
}
.menu li{
    text-align: center;
    width: 49.3%;
    font-size:18px;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
}
.menu li a{
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #333333;
}
.menu li a:hover{
    background: url("../img/home1/main-nav-m1.gif");
    color: white;
    text-decoration: none;
}
.menu .checkedActive{
    background: url("../img/home1/main-nav-m1.gif");
    color: white;
}
.Game{
    display: none;
}
.active{
    display: block;
}
.noSale{
    float: right;
    width: 108px;
    text-align: center;
    margin-top: -20px;
}


/*.button1{*/
    /*background: url("../img/home1/main-nav-m.gif")repeat;*/
    /*width: 100px;*/
    /*height:50px;*/
    /*border:1px solid #D1C5B7;*/
    /*border-radius: 10px;*/
/*}*/
/*.button1:hover{*/
    /*background: url("../img/home1/main-nav-m1.gif")repeat;*/
    /*cursor: pointer;*/
    /*border:1px solid #555;*/
/*}*/



/*主体结束*/
@media screen and (max-width:500px) {
    /*头开始*/
    #header{
        width: 100%;
        height:60px;
        line-height: 30px;
        text-align: right;
    }
    #noLogin{
        text-align: inherit;
        line-height: 29px;
    }
    #noLogin img{
        float: left;
        width: 80px;
        height:40px;
        text-align: inherit;
        margin-top: 15px;
        margin-right: 0;
    }
    #username{
        width: 32%;
        height:25px;
        font-size:11px;
    }
    #password{
        width: 32%;
        height:25px;
        font-size:11px;
        line-height: 20px;
    }
    #login{
        width: 19.5%;
        height:25px;
        line-height: 12px;
        font-size:11px;
    }
    #register{
        width: 19.5%;
        height:25px;
        line-height: 12px;
        font-size:11px;
    }
    #forgetPassword{
        width: 23.5%;
        height:25px;
        line-height: 12px;
        font-size:11px;
    }


    #loginEd{
        line-height: 29px;
        height:60px;
        width: 100%;
    }
    #loginEd img{
        margin-right:0;
        width: 80px;
        height: 40px;
        margin-top: 15px;
        float: left;
    }
    .userInfo{
        margin:0;
        font-size:11px;
        height:25px;
    }
    #chargeMoney{
        height:25px;
        font-size:11px;
        width: 23.5%;
        line-height: 10px;
    }
    #exit{
        height:25px;
        font-size:11px;
        width: 23.5%;
        line-height: 10px;
    }
    #changePassword{
        height:25px;
        font-size:11px;
        width: 23.5%;
        line-height: 10px;
    }
    .none{
        display: block;
        margin:0;
        height:0;
        width: 0;
    }

    /*头结束*/

    /*主体开始*/
    .lotteryName{
        width: 70%;
    }
    .changeTime{
        width: 85%;
    }
    #main{
        width: 100%;
    }
    .pictureList{
        height:150px;
    }
    .box{
        width: 49%;
        height: 64px;
    }
    .lotteryNumber{
        line-height: 100%;
        font-size:12px;
        letter-spacing: 0;
    }

    .box3{
        width: 32.5%;
    }
    .lotteryPt3{
        width: 17px;
        height: 17px;
    }
    .lotteryName3{
        width: 82%;
        font-size: 12px;
        letter-spacing: -0.8px;
    }
    .changeTime3{
        font-size:13px;
        margin-top: -5px;
        margin-bottom: 3px;
    }
    .noSale{
        width: 85%;
        font-size:13px;
        margin-top: -5px;
        margin-bottom: 3px;
    }



    /*主体结束*/
}